<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Absensi | Energeek</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="stylesheet" href="<?php echo base_url() ?>assets/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url() ?>assets/css/animate.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url() ?>assets/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url() ?>assets/css/font.css" type="text/css" cache="false" />
  <link rel="stylesheet" href="<?php echo base_url() ?>assets/js/select2/select2.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url() ?>assets/js/fuelux/fuelux.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url() ?>assets/js/datepicker/datepicker.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url() ?>assets/js/slider/slider.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url() ?>assets/css/plugin.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo base_url() ?>assets/css/app.css" type="text/css" />
</head>
<body>
  <section class="hbox stretch">
    <!-- .aside -->
    <aside class="bg-primary aside-md" id="nav">
      <section class="vbox">
        <header class="dker nav-bar nav-bar-fixed-top">
          <a class="btn btn-link visible-xs" data-toggle="class:nav-off-screen" data-target="#nav">
            <i class="fa fa-bars"></i>
          </a>
          <a href="#" class="nav-brand" data-toggle="fullscreen">Absensi</a>
          <a class="btn btn-link visible-xs" data-toggle="class:show" data-target=".nav-user">
            <i class="fa fa-comment-o"></i>
          </a>
        </header>
        <section>
          <!-- user -->
          <div class="bg-success nav-user hidden-xs pos-rlt">
            <div class="nav-avatar pos-rlt">
              <a href="#" class="thumb-sm avatar animated rollIn">
                <img src="<?php echo base_url(); ?>assets/images/avatar.jpg" alt="" class="">
              </a>
            </div>
          </div>
          <!-- / user -->
          <!-- nav -->
          <nav class="nav-primary hidden-xs">
            <ul class="nav">
              <li>
                <a href="<?php echo site_url('absensi');?>">
                  <i class="fa fa-eye"></i>
                  <span>Absen</span>
                </a>
              </li>
              <li>
                <a href="<?php echo site_url('master_user/index');?>">
                  <i class="fa fa-clock-o"></i>
                  <span>Master User</span>
                </a>
              </li>
              <li>
                <a href="timeline.html">
                  <i class="fa fa-clock-o"></i>
                  <span>Ubah Password</span>
                </a>
              </li>
              <li>
                <a href="<?php echo site_url('master_user/print_report');?>">
                  <i class="fa fa-clock-o"></i>
                  <span>Cetak Report</span>
                </a>
              </li>
              <li>
                <a href="<?php echo site_url('master_user/jam_masuk');?>">
                  <i class="fa fa-clock-o"></i>
                  <span>Jam Masuk</span>
                </a>
              </li>
            </ul>
          </nav>
          <!-- / nav -->
          <!-- note -->
          <!-- / note -->
        </section>
        <footer class="footer bg-gradient hidden-xs">
          <a href="<?php echo site_url('users/logout');?>"  class="btn btn-sm btn-link m-r-n-xs pull-right">
            <i class="fa fa-power-off"></i>
          </a>
          <a href="#nav" data-toggle="class:nav-vertical" class="btn btn-sm btn-link m-l-n-sm">
            <i class="fa fa-bars"></i>
          </a>
        </footer>
      </section>
    </aside>
    <!-- /.aside -->
    <!-- .vbox -->
    <section id="content">
      <section class="vbox">
        <section class="scrollable wrapper">
          <form data-validate="parsley" action="<?php echo site_url('master_user/tambah_data')?>" method="post">
                <section class="panel">
                        <header class="panel-heading">
                          <span class="h4">Adding Data</span>
                        </header>
                      <div class="panel-body">
                          <p class="text-muted">Please fill the information to continue</p>
                          <div class="form-group">
                            <label>Username</label>
                            <input type="text" class="form-control" name="nama" data-required="true">                        
                          </div>
                          <div class="form-group pull-in clearfix">
                            <div class="col-sm-6">
                              <label>Enter password</label>
                              <input type="password" class="form-control" id="pwd" name="password" data-required="true">   
                            </div>
                            <div class="col-sm-6">
                              <label>Confirm password</label>
                              <input type="password" class="form-control" data-equalto="#pwd" name="password" data-required="true">       
                            </div>   
                          </div> <!-- pull-in clearfix -->
                          <div class="form-group pull-in clearfix">
                            <div class="col-sm-6">
                              <label>Tempat Lahir</label>
                              <input type="text" class="form-control" name="tempat_lahir">
                            </div>
                            <div class="col-sm-2">
                              <label>Tanggal Lahir</label>
                              <input class="input-sm input-s datepicker-input form-control" size="16" type="text" value="12-02-2013" data-date-format="dd-mm-yyyy" name="tanggal_lahir">                        
                            </div>
                            <div class="form-group pull=in clearfix">
                              <label class="col-sm-4 control-label">Role</label>
                              <div class="col-sm-2">                    
                                <!-- radio -->
                                <div class="radio">
                                  <label class="radio-custom">
                                    <input type="radio" name="role" checked="checked" value="admin">
                                    <i class="fa fa-circle-o"></i>
                                    Admin
                                  </label>
                                </div>
                                <div class="radio">
                                  <label class="radio-custom">
                                    <input type="radio" name="role" value="user">
                                    <i class="fa fa-circle-o"></i>
                                    User
                                  </label>
                                </div>
                            </div>
                        </div> <!--panel-body-->
                    <footer class="panel-footer text-right bg-light lter clearfix">
                      <div class="col-sm-6 col-sm-offset-6">
                          <button type="submit" class="btn btn-white" name="cancel" ><a href="javascript:window.history.go(-1);">Cancel</button></a>
                          <button type="submit" class="btn btn-success btn-s-xs" name="simpan">Submit</button>
                      </div>
                    </footer>
              </section>
            </form>
        </section>
      </section>
      <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen" data-target="#nav"></a>
    </section>
    <!-- /.vbox -->
  </section>
  <script src="<?php echo base_url() ?>assets/js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="<?php echo base_url() ?>assets/js/bootstrap.js"></script>
  <!-- app -->
  <script src="<?php echo base_url() ?>assets/js/app.js"></script>
  <script src="<?php echo base_url() ?>assets/js/app.plugin.js"></script>
  <script src="<?php echo base_url() ?>assets/js/app.data.js"></script>
  <!-- fuelux -->
  <script src="<?php echo base_url() ?>assets/js/fuelux/fuelux.js"></script>
  <!-- datepicker -->
  <script src="<?php echo base_url() ?>assets/js/datepicker/bootstrap-datepicker.js"></script>
  <!-- slider -->
  <script src="<?php echo base_url() ?>assets/js/slider/bootstrap-slider.js"></script>
  <!-- file input -->  
  <script src="<?php echo base_url() ?>assets/js/file-input/bootstrap.file-input.js"></script>
  <!-- combodate -->
  <script src="<?php echo base_url() ?>assets/js/libs/moment.min.js"></script>
  <script src="<?php echo base_url() ?>assets/js/combodate/combodate.js" cache="false"></script>
  <!-- parsley -->
  <script src="<?php echo base_url() ?>assets/js/parsley/parsley.min.js" cache="false"></script>
  <script src="<?php echo base_url() ?>assets/js/parsley/parsley.extend.js" cache="false"></script>
  <!-- select2 -->
  <script src="<?php echo base_url() ?>assets/js/select2/select2.min.js" cache="false"></script>
  <!-- wysiwyg -->
  <script src="<?php echo base_url() ?>assets/js/wysiwyg/jquery.hotkeys.js" cache="false"></script>
  <script src="<?php echo base_url() ?>assets/js/wysiwyg/bootstrap-wysiwyg.js" cache="false"></script>
  <script src="<?php echo base_url() ?>assets/js/wysiwyg/demo.js" cache="false"></script>
  <!-- markdown -->
  <script src="<?php echo base_url() ?>assets/js/markdown/epiceditor.min.js" cache="false"></script>
  <script src="<?php echo base_url() ?>assets/js/markdown/demo.js" cache="false"></script>
</body>
</html>